<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Jane shop</title>
    <link rel="stylesheet" href="styles/indexHeader.css">
    <link rel="stylesheet" href="styles/nav-left.css">
    <link rel="stylesheet" href="styles/topThing.css">
    <link rel="stylesheet" href="styles/bottomThings.css">
</head>
<body>
<div id="header">
    <div id="contWidth">
    <div id="headerImg">
        <img src="images/logo.gif" alt="">
    </div>
    <form action="" id="form">
        <input type="text" id="searchGoods">
    </form>
    <ul id="changebox">
        <li id="skin_1"  class="selected" title="蓝色">蓝色</li>
        <li id="skin_2"  title="紫色">紫色</li>
        <li id="skin_3" title="红色">红色</li>
        <li id="skin_4" title="天蓝色">天蓝色</li>
        <li id="skin_5" title="橙色">橙色</li>
        <li id="skin_6" title="淡绿色">淡绿色</li>
    </ul>
    <div id="nav">
        <ul id="nav-main">
        <li id="index"><a href="#">首页</a></li>
        <li id="brand"><a href="#">品牌</a>
        <div class="jnNav" id="trademark" style="display: none">
            <div class="subitem">
            <dl class="fore">
                <dt>品牌：</dt>
                <dd>
                    <em><a href="#">耐克</a></em>
                    <em><a href="#">Adidas</a></em>
                    <em><a href="#">达芙妮</a></em>
                    <em><a href="#">李宁</a></em>
                    <em><a href="#">安踏</a></em>
                    <em><a href="#">奥康</a></em>
                    <em><a href="#">骆驼</a></em>
                    <em><a href="#">特步</a></em>
                    <em><a href="#">耐克</a></em>
                    <em><a href="#">Adidas</a></em>
                    <em><a href="#">达芙妮</a></em>
                    <em><a href="#">李宁</a></em>
                    <em><a href="#">安踏</a></em>
                </dd>
            </dl>
            </div>
        </div>
        </li>
        <li id="women"><a href="#">女装</a>
        <div class="jnNav" style="display: none">
            <dl>
                <dt>女装：</dt>
                <dd>
                    <em><a href="#">耐克</a></em>
                    <em><a href="#">Adidas</a></em>
                    <em><a href="#">达芙妮</a></em>
                    <em><a href="#">李宁</a></em>
                    <em><a href="#">安踏</a></em>
                    <em><a href="#">奥康</a></em>
                    <em><a href="#">骆驼</a></em>
                    <em><a href="#">特步</a></em>
                    <em><a href="#">耐克</a></em>
                    <em><a href="#">Adidas</a></em>
                    <em><a href="#">达芙妮</a></em>
                    <em><a href="#">李宁</a></em>
                    <em><a href="#">安踏</a></em>
                </dd>
            </dl>
        </div>
        </li>
        <li id="man"><a href="#">男装</a>
            <div class="jnNav" style="display: none">
                <dl>
                    <dt>男装：</dt>
                    <dd>
                        <em><a href="#">耐克</a></em>
                        <em><a href="#">Adidas</a></em>
                        <em><a href="#">达芙妮</a></em>
                        <em><a href="#">李宁</a></em>
                        <em><a href="#">安踏</a></em>
                        <em><a href="#">奥康</a></em>
                        <em><a href="#">骆驼</a></em>
                        <em><a href="#">特步</a></em>
                        <em><a href="#">耐克</a></em>
                        <em><a href="#">Adidas</a></em>
                        <em><a href="#">达芙妮</a></em>
                        <em><a href="#">李宁</a></em>
                        <em><a href="#">安踏</a></em>
                    </dd>
                </dl>
            </div>
        </li>
        <li id="shopAndBag"><a href="#">鞋包配饰</a></li>
        </ul>
    </div>
</div>
</div>
<div id="container">
    <h2 id="title2">商品分类</h2>
    <div id="nav-left">
    <h3 id="title3">推荐品牌</h3>
        <ul id="nav2">
            <li><a href="#">耐克</a></li>
            <li><a href="#">阿迪达斯</a></li>
            <li><a href="#">达芙妮</a></li>
            <li><a href="#">李宁</a></li>
            <li><a href="#">安踏</a></li>
            <li><a href="#">奥康</a></li>
            <li><a href="#">骆驼</a></li>
            <li><a href="#">特步</a></li>
        </ul>
        <h3 class="title">女装</h3>
        <ul id="womencz">
            <li><a href="#">呢大衣</a></li>
            <li><a href="#">T恤</a></li>
            <li><a href="#">羽绒</a></li>
            <li><a href="#">衬衫</a></li>
            <li><a href="#">羊绒衫</a></li>
            <li><a href="#">针织</a></li>
            <li><a href="#">连衣裙</a></li>
            <li><a href="#">皮外套</a></li>
        </ul>
        <h3 class="title">男装</h3>
        <ul id="mencz">
            <li><a href="#">衬衫</a></li>
            <li><a href="#">T恤衫</a></li>
            <li><a href="#">夹克</a></li>
            <li><a href="#">大皮衣</a></li>
            <li><a href="#">风衣</a></li>
            <li><a href="#">牛仔裤</a></li>
            <li><a href="#">西服</a></li>
            <li><a href="#">卫衣</a></li>
        </ul>
        <h3 class="title">鞋包配饰</h3>
        <ul id="sba">
            <li><a href="#">围巾</a></li>
            <li><a href="#">旅行箱</a></li>
            <li><a href="#">真皮包</a></li>
            <li><a href="#">韩版</a></li>
            <li><a href="#">达芙妮</a></li>
            <li><a href="#">单肩包</a></li>
            <li><a href="#">毛线</a></li>
            <li><a href="#">清仓靴子</a></li>
        </ul>
    </div>
            <div id="topThing">
                <div id="bigAD">
                    <div id="ad">
                        <a href=""><img src="images/ads/1.jpg" alt="相约情人节"></a>
                    </div>
                    <div id="changeAD">
                        <a href="#">
                            <em>相约情人节</em>
                            <em>全场119元起</em>
                        </a>
                        <a href="#">
                            <em>新款上线</em>
                            <em>全场357元起</em>
                        </a>
                        <a href="#">
                        <em>愤怒的小鸟特卖</em>
                        <em>全场89元</em>
                        </a>
                        <a href="#">
                        <em>男鞋促销第一</em>
                        <em>全场3.1折起</em>
                        </a>
                        <a href="#">
                        <em>春季新品发布</em>
                        <em>全场4.1折起</em>
                        </a>
                    </div>
                </div>
                <div id="activity">
                    <a href=""><img src="images/upload/20120216.jpg" alt=""></a>
                    <div id="actText">
                        <h2>最新动态</h2>
                        <ul id="actLi">
                            <li><a href="#">[活动]&nbsp伊伴春鞋迎春大促</a></li>
                            <li><a href="#">[活动]&nbsp千百度冬靴新品火热让利</a></li>
                            <li><a href="#">[活动]&nbspCOEY秋冬新品全场2.3折</a></li>
                            <li><a href="#">[活动]&nbsp伊伴春鞋迎春大促</a></li>
                            <li><a href="#">[活动]&nbsp千百度冬靴新品火热让利</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        <!--<div id="bottom">-->
         <!--<div id="jNtab">-->
             <!--<h4>品牌活动</h4>-->
             <!--<a href="">运动</a>-->
             <!--<a href="">女鞋</a>-->
             <!--<a href="">男鞋</a>-->
             <!--<a href="">童鞋</a>-->
            <!--<ul id="tabImg">-->
                <!--<li><span><img src="images/upload/20120217.jpg" alt=""></span></li>-->
                <!--<li><span><img src="images/upload/20120218.jpg" alt=""></span></li>-->
                <!--<li><span><img src="images/upload/20120219.png" alt=""></span></li>-->
                <!--<li><span><img src="images/upload/20120220.png" alt=""></span></li>-->
            <!--</ul>-->
<!--</div>-->
 </body>
</html>